<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8" />
		<title>购物车-网易考拉海购</title>
		<link rel="stylesheet" type="text/css" href="static/css/index.css" />
		<link rel="stylesheet" type="text/css" href="static/css/style.css" />
		<link rel="stylesheet" type="text/css" href="static/css/common.css" />
		<script type="text/javascript" src="static/js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="static/js/Calculation.js"></script>
		<script type="text/javascript" src="static/js/common.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {

	//删除
		$("#shanchu").click(function(){
			$("#trsp").css("display","none");
			
		})
		
					//jquery
					//        
					$(".allselect").click(function() {
						$(".gwc_tb2 input[name=newslist]").each(function() {
							$(this).attr("checked", true);
							$(this).next().css({
								"background-color": "#3366cc",
								"color": "#ffffff"
							});
						});
						GetCount();
					});
					//
					//	//
					$("#invert").click(function() {
						$(".gwc_tb2 input[name=newslist]").each(function() {
							if($(this).attr("checked")) {
								$(this).attr("checked", false);
								//				$(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
							} else {
								$(this).attr("checked", true);
								//$(this).next().css({ "background-color": "#3366cc", "color": "#000000" });
							}
						});
						GetCount();
					});

					//
					$("#cancel").click(function() {
						$(".gwc_tb2 input[name=newslist]").each(function() {
							$(this).attr("checked", false);
							// $(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
						});
						GetCount();
					});

					// 
					$(".gwc_tb2 input[name=newslist]").click(function() {
						if($(this).attr("checked")) {
							//$(this).next().css({ "background-color": "#3366cc", "color": "#ffffff" });
						} else {
							// $(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
						}
					});

					// 
					$(".gwc_tb2 input[name=newslist]").click(function() {
						// $("#total2").html() = GetCount($(this));
						GetCount();
						//alert(conts);
					});
				})
				//******************
			function GetCount() {
				var conts = 0;
				var aa = 0;
				$(".gwc_tb2 input[name=newslist]").each(function() {
					if($(this).attr("checked")) {
						for(var i = 0; i < $(this).length; i++) {
							conts += parseInt($(this).val());
							aa += 1;
						}
					}
				});

				$("#shuliang").text(aa);
				$("#zong1").html((conts).toFixed(2));
				$("#jz1").css("display", "none");
				$("#jz2").css("display", "block");
			}
		</script>

	</head>

	<body>
		<!--head-->
		<div class="head">
			<div class="header banxin">
				<div class="headleft">
					<span>考拉欢迎你！</span>
					<a href="#">登录</a>|
					<a href="#">免费注册</a>
				</div>
				<div class="headcenter">
					<a class="clear" href="#"><span>&nbsp;</span><i>手机考拉海购</i></a>
					<div id="ewm1">
						<img src="static/images/2dcode-app.jpg" />
						<p>下载app</p>
						<p>领取268元新人礼包</p>
					</div>
				</div>
				<div class="headright">
					<a class="float" href="#">每日签到</a><span>|</span>
					<a class="float" href="#">我的订单</a><span>|</span>
					<div class="jiao1 float" href="#">
						个人中心<img src="static/img/jiao.jpg" />
						<ul id="jiao1-xs">
							<li>
								<a href="#">我的优惠券</a>
							</li>
							<li>
								<a href="#">我的考拉豆</a>
							</li>
							<li>
								<a href="#">账户安全</a>
							</li>
							<li>
								<a href="#">我的实名认证</a>
							</li>
							<li>
								<a href="#">我收藏的商品</a>
							</li>
							<li>
								<a href="#">我关注的品牌</a>
							</li>
							<li>
								<a href="#">售后管理</a>
							</li>
							<li>
								<a href="#">我的优惠券</a>
							</li>
							<li>
								<a href="#">我的优惠券</a>
							</li>
						</ul>

					</div>
					<span>|</span>
					<div class="jiao2 float" href="#">
						客户服务<img src="static/img/jiao.jpg" />
						<ul id="jiao2-xs">
							<li>
								<a href="#">联系客服</a>
							</li>
							<li>
								<a href="#">帮助中心</a>
							</li>
						</ul>

					</div><span>|</span>
					<a class="float" href="#">游戏充值</a><span>|</span>
					<a class="float" href="#">消费者告知书</a><span>|</span>
					<div class="float jiao3" href="#">
						更多<img src="static/img/jiao.jpg" />
						<ul id="jiao3-xs">
							<li>
								<a href="#">收藏本站</a>
							</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">微信公众号</a>
							</li>
							<li>
								<a href="#">易信公众号</a>
							</li>
							<li>
								<a href="#">联系客服</a>
							</li>
							<li>
								<a href="#">招商合作</a>
							</li>
							<li>
								<a href="#">考拉招聘</a>
							</li>
						</ul>

					</div><span>|</span>
				</div>
			</div>

		</div>
		<!--*******************logo部分**********************-->
		<div id="docHeadWrap">
			<a class="iconLogo">
				<img src="static/images/LOGO.png" />
			</a>
			<div class="m-step">
				<span class="bg"></span>
				<ul class="clearfix">
					<li class="step step-1 active">
						<div class="txt1">我的购物车</div>
					</li>
					<li class="step step-2 ">
						<div class="txt">提交订单</div>
					</li>
					<li class="step step-3 ">
						<div class="txt">选择支付方式</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="GuBox">
			<!--******************8商品购物部分*****************8-->
			<div class="gwc" style=" margin:auto;">
				<table cellpadding="0" cellspacing="0" class="gwc_tb1">
					<tr>
						<td class="tb1_td1"><input id="Checkbox1" type="checkbox" class="allselect" /></td>
						<td class="tb1_td1">全选</td>
						<td class="tb1_td3">商品</td>
						<td class="tb1_td4">商品信息</td>
						<td class="tb1_td5">数量</td>
						<td class="tb1_td6">单价</td>
						<td class="tb1_td7">操作</td>
					</tr>
				</table>

				<!------->
				<script type="text/javascript">
					$(function() {
						var t = $("#text_box1");
						$("#add1").click(function() {
							t.val(parseInt(t.val()) + 1)
							setTotal();
							GetCount();
						})
						$("#min1").click(function() {
							if(t.val() < 2) {
								t.val() == 1;
							} else {
								t.val(parseInt(t.val()) - 1)
								setTotal();
								GetCount();
							}
						})

						function setTotal() {

							$("#total1").html((parseInt(t.val()) * 359).toFixed(2));
							$("#newslist-1").val(parseInt(t.val()) * 359);
						}
						setTotal();
					})
				</script>

				<table  class="gwc_tb2">
					<tr id="trsp">
						<td class="tb2_td1"><input type="checkbox" checkbox="checkbox" value="1" name="newslist" id="newslist-1" /></td>
						<td class="tb2_td2">
							<a href="#"><img src="static/images/onlineigc10oq311989.jpg" /></a>
						</td>
						<td class="tb2_td3">
							<a href="#">产品标题</a>
						</td>
						<td class="tb1_td4">一件</td>
						<td class="tb1_td5">
							<input id="min1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="-" />

							<input id="text_box1" name="" type="text" value="1" style=" width:30px; text-align:center; border:1px solid #ccc;" />
							<input id="add1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="+" />
						</td>
						<td class="tb1_td6"><label id="total1" class="tot" style="color:#ff5500;font-size:14px; font-weight:bold;"></label></td>
						<td class="tb1_td7" id="shanchu">
							<a href="#">删除</a>
						</td>
					</tr>
							
				</table>
				<!--
       删除
                -->
                <script>
                	$("#shanchu").click(function(){
                		$(".gwc").css("display","none");
                	})
                </script>

				<!------->
				<script type="text/javascript">
					$(function() {
						var t = $("#text_box2");
						$("#add2").click(function() {
							t.val(parseInt(t.val()) + 1)
							setTotal();
							GetCount();
						})
						$("#min2").click(function() {
							t.val(parseInt(t.val()) - 1)
							setTotal();
							GetCount();
						})

						function setTotal() {

							$("#total2").html((parseInt(t.val()) * 8).toFixed(2));
							$("#newslist-2").val(parseInt(t.val()) * 8);
						}
						setTotal();
					})
				</script>

				<table cellpadding="0" cellspacing="0" class="gwc_tb3">
					<tr>
						<td class="tb1_td1"><input id="checkAll" class="allselect" type="checkbox" /></td>
						<td class="tb1_td1">全选</td>
						<td class="tb3_td1">
							<input id="invert" type="checkbox" />反选
							<input id="cancel" type="checkbox" />取消
						</td>
						<td class="tb3_td2">已选商品 <label id="shuliang" style="color:#ff5500;font-size:14px; font-weight:bold;">0</label> 件</td>
						<td class="tb3_td3">合计(不含运算):<span>￥</span><span style=" color:#ff5500;"><label id="zong1" style="color:#ff5500;font-size:14px; font-weight:bold;"></label></span></td>
						<td class="tb3_td4"><span id="jz1" style=" display:none;">结算</span>
							<a href="site/index/Confirmation/Confirmation.html" class="jz2" id="jz2">结算</a>
						</td>
					</tr>
				</table>

			</div>

			<!--*******************猜你喜欢*********************-->

			<div class="newRecomWrap">
				<h4 class="newRecomTitle">
								猜你喜欢
								<b>根据你的浏览记录推荐的商品</b>
       
    </h4>
				<div class="m-reclst">
					<div class="m-reclst_div">
						<a class="itemImg">
							<img src="static/images/im38555763_800_800.jpg" width="271" height="271px">
						</a>
						<p class="itemTitle">
							<a href="#" class="txt">
								<b>2件装</b> &nbsp;|&nbsp;Aptamil 德国爱他美 新白金版 婴儿奶粉 1段 800克/罐 2罐
							</a>
						</p>
						<p class="promotion">
							<span>立省40元</span>
						</p>
						<div class="itemInfo">
							<p class="price">
								<span class="symbol">¥</span> 348
								<span class="marprice">
												¥<del>428</del>
											</span>
							</p>
							<a class="comment">652 人已评价</a>
						</div>
					</div>
					<div class="m-reclst_div">
						<a class="itemImg">
							<img src="static/images/iktea8er79_800_800.jpg" width="271" height="271px">
						</a>
						<p class="itemTitle">
							<a href="#" class="txt">
								Aptamil 德国爱他美 新白金版 婴儿奶粉 2段 800克
							</a>
						</p>
						<p class="promotion">
							<span>立省3元</span>
						</p>
						<div class="itemInfo">
							<p class="price">
								<span class="symbol">¥</span> 205
								<span class="marprice">
												¥<del>258</del>
											</span>
							</p>
							<a class="comment">652 人已评价</a>
						</div>
					</div>
					<div class="m-reclst_div">
						<a class="itemImg">
							<img src="static/images/onlineicllkzf410453.jpg" width="271" height="271px">
						</a>
						<p class="itemTitle">
							<a href="#" class="txt">
								<b>3件装</b> &nbsp;|&nbsp; Aptamil德国爱他美 婴儿奶粉 4段/1+ 600克/盒 3盒 新老包装随机发货
							</a>

						</p>
						<p class="promotion">
							<span>今日特卖，限时购买省123元</span>
						</p>
						<div class="itemInfo">
							<p class="price">
								<span class="symbol">¥</span> 293
								<span class="marprice">
												¥<del>569</del>
											</span>
							</p>
							<a class="comment">1652 人已评价</a>
						</div>
					</div>
					<div class="m-reclst_div">
						<a class="itemImg">
							<img src="static/images/ijm6pso813_800_800.jpg" width="271" height="271px">
						</a>
						<p class="itemTitle">
							<a href="#" class="txt">
								<b>2件装</b> &nbsp;|&nbsp;Aptamil 德国爱他美 新白金版 婴儿奶粉 1段 800克/罐 2罐
							</a>
						</p>
						<p class="promotion">
							<span>立省40元</span>
						</p>
						<div class="itemInfo">
							<p class="price">
								<span class="symbol">¥</span> 348
								<span class="marprice">
												¥<del>428</del>
											</span>
							</p>
							<a class="comment">652 人已评价</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>

		</div>
		</div>
		</div>
		<!--*************************底部html********************-->
		<div id="bottomtop" class="bottomtop">
			<div class="banxin bottomtoper ">
				<ul class="clear">
					<li>
						<dl class="clear">
							<dt class="img-zp"></dt>
							<dd>
								<strong class="tit">100%正品</strong><br />
								<span class="desc">全球精选 正品保障</span>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="clear">
							<dt class="img-dj"></dt>
							<dd>
								<strong class="tit">低价保障</strong><br />
								<span class="desc">缩减中间环节 确保低价</span>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="clear">
							<dt class="img-bz"></dt>
							<dd>
								<strong class="tit">7天无忧退货</strong><br />
								<span class="desc">国内退货 售后无忧</span>
							</dd>
						</dl>
					</li>
					<li>
						<dl class="clear">
							<dt class="img-by"> </dt>
							<dd>
								<strong class="tit">实付满88包邮</strong><br />
								<span class="desc">部分特殊商品除外</span>
							</dd>
						</dl>
					</li>
				</ul>

			</div>
		</div>
		<div class="footer_bottom">
			<ul class="footer_botom_ul">
				<li class="footer_li_1">
					<a class="footer_logo" href="#"></a>
					<div class="focuson">
						<span class="label">关注我们</span>
						<a class="itm1" href="#"></a>
						<a class="itm2" href="#"></a>
						<a class="itm3" href="#"></a>
					</div>

				</li>
				<li class="footer_li_2">
					<dl>
						<dt>考拉保障</dt>
						<dd>
							<a href="#">正品保障</a>
						</dd>
						<dd>
							<a href="#">监督举报</a>
						</dd>
					</dl>

				</li>
				<li class="footer_li_3">
					<dl>
						<dt>新手指南</dt>
						<dd>
							<a href="#">购物流程</a>
						</dd>
						<dd>
							<a href="#">支付方式</a>
						</dd>
						<dd>
							<a href="#">通关税费</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
					</dl>

				</li>
				<li class="footer_li_4">
					<dl>
						<dt>售后服务</dt>
						<dd>
							<a href="#">退货政策</a>
						</dd>
						<dd>
							<a href="#">退货流程</a>
						</dd>
						<dd>
							<a href="#">退款说明</a>
						</dd>
						<dd>
							<a href="#">联系客服</a>
						</dd>
					</dl>

				</li>
				<li class="footer_li_5">
					<dl>
						<dt>物流配送</dt>
						<dd>
							<a href="#">配送方式</a>
						</dd>
						<dd>
							<a href="#">配送服务</a>
						</dd>
						<dd>
							<a href="#">运费标准</a>
						</dd>
						<dd>
							<a href="#">物流跟踪</a>
						</dd>
					</dl>

				</li>
				<li class="footer_li_6">
					<dl>
						<dt>关于我们</dt>
						<dd>
							<a href="#">联系我们</a>
						</dd>
						<dd>
							<a href="#">招商合作</a>
						</dd>
						<dd>
							<a href="#">销售联盟</a>
						</dd>
						<dd>
							<a href="#">CEO邮箱</a>
						</dd>
					</dl>

				</li>
				<li class="footer_li_8">
					<a class="footer_li_a" href="#">
						<img src="static/images/2dcode-app.jpg" / width="108px" height="108px">
						<span>扫描下载手机版</span>
					</a>
				</li>
			</ul>
		</div>

		<!--*******************商品详情***************************-->

		<!--****************bottom*******************-->
		<div class="bottom">
	</body>

</html>